<?php

require_once '../global.php';
require_once 'libs/inline-control-report.inc.php';

?>
<html>
<head>
<title>QC::INLINE CONTROL REPORT</title>
<meta http-equiv='Content-Type' content='text/html' charset='iso-8859-1'>
<link rel='stylesheet' href='../css/tampilan.css' type='text/css'>
<style type='text/css'>
body {
  margin: 0px auto;
  width: 100%;
}
#freeze-table-div{
    background-color: #FF8484;
}
</style>
</head>

<body leftmargin='0' topmargin='0'>
    <div class='head-container'>
        <div class='head-side'>
            <div class='head-judul'>
                IN-LINE CONTROL RESULT
            </div>
        </div>
    </div>
<?php
echo generate_form();
?>
</body>
<!-- FREEZE HEADER COLUMN -->
<script src='../jquery/jquery-freezeheadercolumn/jquery.min.js'></script>
<script src='../jquery/jquery-freezeheadercolumn/jquery.freezetablecolumns.1.1.js'></script>

<!-- DATE PICKER -->
<link rel='stylesheet' href='../jquery/jquery-datepicker/jquery-ui.css' type='text/css'>
<script src='../jquery/jquery-datepicker/jquery.js'></script>
<script src='../jquery/jquery-datepicker/jquery-ui.min.js'></script>

<script type='text/javascript'>
    var layarheight = window.innerHeight;
    var layarwidth = window.innerWidth;
    $(document).ready(function(){
      $('#freeze-table').freezeTableColumns({
        width:       (layarwidth),   // required
        height:      (layarheight-110),   // required
        numFrozen:   3,     // optional
        frozenWidth: 325,   // optional\
        clearWidths: false
      });
    });
    
    var jDP = $.noConflict();
    jDP(function() {
    jDP( '#datepicker' ).datepicker({
      showOn: 'button',
      buttonImage: '../jquery/jquery-datepicker/images/calendar.gif',
      buttonImageOnly: true,
      buttonText: 'Select date',
      dateFormat: 'dd/mm/yy'
//      onClose: function( selectedDate ) {
//          jDP.get('getMillFromDate.php',{date : selectedDate},function(data){
////                    console.log(data);
//                    jDP('#mill').html('');
//                    console.log(data);
//                    jDP.each(data,function(idx, val){
//                        var opt = "<option value='"+ val.id + "'>"+ val.name + "</option>";
//                        $('#mill').append(opt);
//                    });
//                },
//                'json'
//            );
//        },
      });
    });
</script>
</html>
